/* pages/article/comment/comment.wxss */
.wrap {
  padding-top: 20rpx;
  display: flex;
  box-sizing: border-box;
}
.left {
  width: 60rpx;
}
.avatar {
  width: 60rpx;
  height: 60rpx;
  border-radius: 50%;
}
.center {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 20rpx;
}

.center-content{
  font-size: 32rpx;
  color: #333;
  line-height: 50rpx;
}
.center-top {
  font-size: 26rpx;
  color: #999;
}
.center-bottom {
  display: flex;
  /* border-bottom: 2rpx solid #f3f5f7; */
  padding-bottom: 20rpx;
}

.time {
  font-size: 20rpx;
  color: #999;
}
.reply {
  margin-left: 20rpx;
  font-size: 24rpx;
  color: #999;
}


.right {
  display: flex;
  flex-direction: column;
  width: 50rpx;
  border-bottom: 2rpx solid #f3f5f7;
}

.like {
  font-size: 40rpx;
  color: #999;
  text-align: center;
}

.num {
  font-size: 24rpx;
  color: #999;
  margin-top: -20rpx;
  text-align: center;
}

.children {
  padding-left: 40px;
  margin-top: -5px;
  .wrap {
    padding: 0;
    .center-top {
      font-size: 12px;
    }
    .center-content {
      font-size: 13px;
      line-height: 18px;
    }
  }
}

.like {
  color: red;
}